body{
    background-color: rgb(244, 244, 244);
    font:12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
}
a:hover{
    color: #e2231a;
}
button:hover{
    cursor: pointer;
}
.nav{
    width: 100%;
    height: 30px;
    color:#ac99a3
}
.nav_content{
    background-color: rgb(227, 228, 229);
    height: 30px;
    padding: 0 164.6px;
}
a,span{
    text-decoration: none;
    color: rgb(153, 153, 153);
}
.separated{
    width: 1px;
  
}

/* 地址 */
.city{
    float:left;
    line-height: 28px;
    position: absolute;
}
.sc li{
    width: 58px;
}
.sc i {
    color: #f10215;
}
.sc{
    position: relative;
    border: 1px solid rgb(227, 228, 229);
    border-bottom: 0px;
    width: 56px;
}
.city:hover .sc{
    border: 1px solid #cccccc;
    z-index: 99;
    background-color: #fff;
    border-bottom:0px;
   
}
.citys{
    width: 300px;
    /* height: 196px; */
    position: relative;
    top: -1px;
    border:1px solid  #cccccc;
    display: none;
    cursor:default ;
    background-color: #fff;
    z-index: 98;
}

.cityList div{
    width: 40px;
    height: 25px;
    margin-top: 1px ;
    display: inline-block;
    text-align: left;
    padding-left: 13px;
    line-height: 25px;
    
}
.item:hover,.item a:hover{
    /* background-color: #f4f4f4; */
    cursor:pointer;
    color: #e33333;
}

.cityList div:nth-of-type(5n+1){
    /* background-color: red; */
    margin-left: 10px;
}
.cityList div:nth-of-type(5){
    margin-top: 9px;
}

/* 分隔横线 */
.division {
    /* background-color: #ccc; */
    width: 250px;
    height: 1px;
    margin: 15px auto;
    border-bottom: 1px dotted #eee;
    
}
/* 地区 */
.region div{
    height: auto;
    margin-left:23px;
    display: inline-block;
    width: 120px;
    /* padding-right: 20px; */
}
.region div:hover,
.international div span:hover{
    color: #e33333;
}
.region div:first-of-type:hover{
    color:#ac99a3;
}
.region div:first-of-type{
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
}

.international div{
    width: 120px;
    display: inline-block;
    padding-left: 25px;
   
}
.international div:first-child{
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.international div img{
    height: 15px;
    width: 15px;
 }


/* 导航栏信息 */
.nav_inf{
    float: right;
    line-height: 30px;
}
.nav_inf li{
    float: left;
    padding-left:  7px;
    color: rgb(204,204,204);

}
.nav_inf li:first-child{
    margin-right: 8px;
}

.firm a,
.nav_inf a:hover,
.nav_inf li:first-child a:last-child
{
    color: #e33333;
}

.myJD,
.firm,
.customer,
.webNav{
    position:relative;
    display: inline-block;
    height: 29px;
    border :1px solid rgb(227, 228, 229);
    padding-left: 7px;
    padding-right: 2px;
    line-height: 26px;
    border-bottom: 0;
}
.myJDshow:hover .myJD,
.firmShow:hover .firm,
.customerShow:hover .customer,
.webNavshow:hover .webNav
{
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 99;
    border-bottom:0
}
/* 弹出框 */
.myJDs,
.firmList,
.customerList,
.webNavList{
    position: absolute;
    /* width: 100px;
    height: 50px; */
    top: 29px;
    border: 1px solid #ccc;
    display: none;
}
/* 我的京东 */
.nav_inf li:nth-child(5){
    position: relative;
}

.myJDs{
    width: 280px;
    background-color: #fff;
   z-index: 98;
}
.myJDList{
    border-bottom: 1px solid #eee;
}
.myJDList div{
    display: inline-block;
    margin-left: 20px;
    width:100px;
}

.myJDList div:first-child{
    margin-top: 8px;
    
}


/* 企业采购 */
.nav_inf li:nth-child(9){
    position: relative;
}
.firmList{
    background-color: #fff;
    padding-left:10px;
    padding-right: 10px;
    line-height: 20px;
    width: 133px;
    z-index: 98;
}
.firmList div{
    display: inline-block;
}
.qy a{
    color: black;
}
.firmList div:nth-of-type(2n+1){
    margin-right: 10px;
}
.firmList div:first-child{
    margin-top: 5px;
}
.firmList div:hover{

    cursor: pointer;
}



/* 客户服务 */
.nav_inf li:nth-child(11){
    position: relative;
}
.customerList{
    right: 0px;
    width: 155px;
    padding-left: 10px;
    padding-top: 5px;
    background-color: #fff;
    z-index: 98;
}
.sort{
    color: black;
    margin-top: 10px;
    font-weight: 900;
    line-height: normal;
}
.customerLists{
    border-bottom: 1px solid #eee;
}
.customerLists div,.merchants div{
    display: inline-block;
}
.customerLists div:nth-of-type(2n+1),
.merchants div:nth-of-type(2n+1){
    margin-right: 30px;
}



/*网站导航 */
.nav_inf li:nth-child(13){
    position: relative;
}
.webNavList{
    background-color: #fff;
    width: 1160px;
    right: -60px;
    height: auto;
    padding: 10px 20px;
    z-index: 98;
}
.navItem{
    display: inline-table;
    width: auto;
    height: auto;
    line-height: 24px; 
}


.siteNavTitle{
    font-weight: 900;
    color: black;
    margin-bottom: 5px;
}


.featuresList div,
.channelList div,
.lifeList div,
.choiceList div{
    display: inline-block;
    width: 60px;
    margin-right: 10px;
    /* border-top: 1px solid; */
    
}
/* 网站导航-特色主题 */
.features{
    width: 300px;
    padding-right: 10px;
    border-right: 1px solid rgb(238, 238, 238);
    margin: 10px 0;
}
.featuresList div:nth-of-type(4n){
    margin-right: 0;
}

/* 网站导航-行业频道 */
.channel{
    width: 250px;
    padding-left: 15px;
    border-right: 1px solid rgb(238, 238, 238);
}
.channelList div{
    margin-right: 20px;
}

/* 网站导航-生活服务 */
.life{
    width: 290px;
    /* border-right: 1px solid rgb(238, 238, 238); */
    padding-left: 15px;
}
.lifeList div{
    width: 80px;
}
/* 网站导航-更多精选 */
.choice{
    width: 250px;
    padding-left: 15px;
    padding-right: 0px;
    border-left: 1px solid rgb(238, 238, 238); 
}
.choiceList div{
    width: 80px;
    margin-right: 0;
}
/* 手机京东 */
#JDcode{
    position: relative;
    z-index: 99;
}
.sanjiao{
    position:absolute;
    border: 5px solid rgba(225,225,225,0);
    width: 0;
    border-bottom-color: #fff;
    top: -10px;
    left: 19px;
    /* display: none; */
    z-index: 99;
}
#JDcode{
    display: none;
}
.JDcode{
    width: 180px;
    position: absolute;
    background-color: #fff;
    top: -1px;
    right: -4px;
    border: 1px solid rgb(204,204,204);
  
}
.JDcode div{
    padding: 15px 10px;
    padding-bottom: 0px;
    border-bottom: 1px solid rgb(238, 238, 238);
}
.JDcode div:last-child{
    border-bottom: 0;
}
.JDcode div img{
    width: 138px;
    height:auto
}
/* ------------------------------------------------------------------------------------------------------------ */
/* 收缩栏 */
.search{
    height: 140px;
    background-color: #fff;
    padding: 0 164px;
    
}
.searchMianBox{
    height: 120px;
    margin: 0 auto;
    /* background-color:aquamarine; */
    padding: 10px 0 ;
  
    position: relative;
}

.JDlogo,.logo_text{
    position:absolute ;
}
.JDlogo{
    background-color: #fff;
    width: 190px;
    height: 120px;
}
.imglog{
    width: 190px;
    height: 120px;
    background-image: url("../images/logo/sprite.png");
    background-position:  0 0 ;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
}
.JDlogo:hover .logoScene{
    width: 134px;
    height: 120px;
    position: absolute;
    background-image: url("../images/logo/eef283b0ed619fe4.gif");
    margin:  0 28px;
    overflow: hidden;
    background-color: #fff;
    z-index: 2;
 
}
.logo_text{

    top: 50px;
    left: 50px;
    z-index: 3;
    color:black;
    display: none;
}
.logo_text div{
    margin-top: 10px;
}
.logo_text div:last-child{
    margin-left: 23px;
    width:max-content;
    background-color: wheat;
    border-radius: 45px;
}
.searchBox {
    /* width: 510px; */
    height: 32px;
    position: absolute;
    border: 2px solid #e2231a;
    background-color: #fff;
    left: 260px;
    top: 25px;
    line-height: 26px;
}
.searchBox input{
    left: 0px;
    text-shadow: none;
    border: 1px solid transparent;
    padding: 2px 44px 2px 17px;
    width: 479px;
    height: 26px;
    outline: none;
    font-size: 12px;
    color: #333;
}
.searchBox span{
    position: absolute;
    right: 75px;
    top:4px;

}
.searchBox span:hover{
    color: #f10215;
}
.icon-sousuoxiao{
    color: #fff;
}

.searchBox button{
    background-color: #e2231b;
    position: absolute;
    height: 33px;
    border: 0px;
    padding: 0px;
    width: 59px;
    right: -1px;
}
.hotwords a{
    float: left;
    margin-right: 10px;
    color: #999;
    font-size: 12px;
}
.hotwords  ul li:first-child a{
    color: #f53f3f;

}
.hotwords a:hover{
    color :#e2231a ;
}

.settleup{
    /* clear: both; */
    position: absolute;
    /* float: right; */
    top: 26px;
    right: 230px;
    width: 130px;
    height: 34px;
    background-color: #fff;
    line-height: 34px;
    border-color: #eee;
    /* margin-top: 15px; */
    font-size: 12px;
    border: 1px solid #e3e4e5;
    
}
.settleup i{
    margin-left: 20px;
    color: #e2231b;
}
.settleup span{
    position:absolute;
    width: 20px;
    height: 15px;
    top: 1px;
    left: 33px;
    color: #fff;
    background-color: #e2231a;
    line-height: 15px;
    text-align: center;
    border-radius: 44%;
}
.settleup a{
    margin-left: 10px;
    color: #e2231a;
}
.treasure{
    
    width: 190px;
    height: 120px;
    background-image: url("//img20.360buyimg.com/babel/jfs/t1/135249/14/23866/95147/622b0a82E0da45473/a0b67d22e0fdb6d3.png.webp");
    float: right;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 10px;
}
.navitems{
    position: absolute;
    top: 110px;
    left: 210px;
}
.navitems li{
    /* margin-top: 20px; */
    float:left;
    font-size: 15px;
    margin: 0 11px;
}
.navitems a{
    color: #333;
}
.navitems a:hover{
    color: #e2231a;
}
.navitems li:first-child a,.navitems li:nth-of-type(2) a{
    color: #e1251b;
    font-weight: 900;
}